<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Bootstrap Admin</title>
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <link rel="stylesheet" type="text/css" href="lib/bootstrap/css/bootstrap.css">
    
    <link rel="stylesheet" type="text/css" href="stylesheets/theme.css">
    <link rel="stylesheet" href="lib/font-awesome/css/font-awesome.css">

    <script src="lib/jquery-1.7.2.min.js" type="text/javascript"></script>

    <!-- Demo page code -->

    <style type="text/css">
        #line-chart {
            height:300px;
            width:800px;
            margin: 0px auto;
            margin-top: 1em;
        }
        .brand { font-family: georgia, serif; }
        .brand .first {
            color: #ccc;
            font-style: italic;
        }
        .brand .second {
            color: #fff;
            font-weight: bold;
        }
    </style>

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="../assets/ico/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
  </head>

  <!--[if lt IE 7 ]> <body class="ie ie6"> <![endif]-->
  <!--[if IE 7 ]> <body class="ie ie7 "> <![endif]-->
  <!--[if IE 8 ]> <body class="ie ie8 "> <![endif]-->
  <!--[if IE 9 ]> <body class="ie ie9 "> <![endif]-->
  <!--[if (gt IE 9)|!(IE)]><!--> 
  <body class=""> 
  <!--<![endif]-->

  <div class="navbar">
      <div class="navbar-inner">
          <ul class="nav pull-right">

              <!--<li><a href="#" class="hidden-phone visible-tablet visible-desktop" role="button">设置</a></li>-->
              <li id="fat-menu" class="dropdown">
                  <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
                      <i class="icon-user"></i> Jack Smith
                      <i class="icon-caret-down"></i>
                  </a>

                  <ul class="dropdown-menu">
                      <li><a tabindex="-1" href="#">我的账户</a></li>
                      <li class="divider"></li>
                      <!--<li><a tabindex="-1" class="visible-phone" href="#">设置</a></li>-->
                      <li class="divider visible-phone"></li>
                      <li><a tabindex="-1" href="sign-in.html">退出</a></li>
                  </ul>
              </li>

          </ul>
          <a class="brand" href="index.html"><span class="first">区域服务中心</span> <span class="second">管理系统</span></a>
      </div>
  </div>


  <div class="sidebar-nav">
      <!--<form class="search form-inline">-->
      <!--<input type="text" placeholder="Search...">-->
      <!--</form>-->

      <a href="index.html" class="nav-header" ><i class="icon-dashboard"></i>我的资产</a>
      <!--<ul id="dashboard-menu" class="nav nav-list collapse in">-->
      <!--<li class="active"><a href="index.html">服务商</a></li>-->
      <!--<li ><a href="users.html">服务信息列表</a></li>-->
      <!--<li ><a href="user.html">我的资料</a></li>-->
      <!--<li ><a href="media.html">我的页面模型</a></li>-->
      <!--<li ><a href="calendar.html">月度情况</a></li>-->

      <!--</ul>-->

      <!--<a href="help.html" class="nav-header" ><i class="icon-question-sign"></i>帮助</a>-->
      <a href="users.html" class="nav-header" ><i class="icon-comment"></i>服务信息列表</a>

      <a href="#legal-menu" class="nav-header" data-toggle="collapse"><i class="icon-legal"></i>服务订单</a>
      <ul id="legal-menu" class="nav nav-list collapse in">
          <li ><a href="in_process.html">办理中</a></li>
          <li  class="active"><a href="Done.html">已完成</a></li>
          <li ><a href="Refunded.html">已退款</a></li>
      </ul>

      <a href="#accounts-menu" class="nav-header" data-toggle="collapse"><i class="icon-briefcase"></i>账户设置<span class="label label-info">+3</span></a>
      <ul id="accounts-menu" class="nav nav-list collapse">
          <li ><a href="user.html">我的资料</a></li>
          <li ><a href="sign-in.html">登入</a></li>
          <li ><a href="sign-up.html">注册</a></li>
          <li ><a href="reset-password.html">密码重置</a></li>
      </ul>

  </div>
    

    
    <div class="content">
        
        <div class="header">
            
            <h1 class="page-title">服务订单</h1>
        </div>
        
                <ul class="breadcrumb">
            <li><a href="index.html">返回</a> <span class="divider">/</span></li>
            <li class="active">已完成</li>
        </ul>

        <div class="container-fluid">
            <div class="row-fluid">
                    
<div class="btn-toolbar">
    <!--<button class="btn btn-primary"><i class="icon-plus"></i> 添加服务项</button>-->
    <!--<button class="btn">Import</button>-->
    <!--<button class="btn">Export</button>-->
  <div class="btn-group">
  </div>
</div>
<div class="well">
    <table class="table">
      <thead>
        <tr>
          <th>下单时间</th>
          <th>项目/服务信息</th>
          <th>订单金额(元)</th>
          <th>联系人</th>
          <th>联系电话</th>
          <th>订单状态</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>2017-06-15 18:21:36</td>
          <td>ISO9001 质量管理体系</td>
          <td>58201.00</td>
          <td>刘家荣</td>
            <td>1866573322</td>
          <td>

             已完成
          </td>
        </tr>
        <tr>
          <td>2017-06-14 18:19:22</td>
          <td>GB/T50430 建筑施工质量管理体系</td>
          <td>22221.00</td>
          <td>代高乐</td>
            <td>1866232321</td>
          <td>

              已完成
          </td>
        </tr>
        <tr>
          <td>2017-06-14 15:20:32</td>
          <td>ISO1400环境管理体系</td>
          <td>3800.00</td>
          <td>蔡昭进</td>
            <td>13660079765</td>
          <td>

              已完成
          </td>
        </tr>
        <tr>
          <td>2017-06-13 18:17:55</td>
          <td>ISO20000 IT服务管理体系</td>
          <td>12800.00</td>
          <td>刘家荣</td>
            <td>1866573322</td>
          <td>

              已完成
          </td>
        </tr>
        <tr>
          <td>2017-06-12 18:21:36</td>
          <td>OHHAS18001职业健康安全</td>
          <td>19200.00</td>
          <td>张丽霖</td>
            <td>1876007255</td>
          <td>

              已完成
          </td>
        </tr>
        <tr>
          <td>2017-06-11 18:39:36</td>
          <td>ISO27001信息安全管理体系</td>
          <td>11600.00</td>
          <td>辛育朗</td>
            <td>18665730701</td>
          <td>

              已完成
          </td>
        </tr>
      </tbody>
    </table>
</div>
<div class="pagination">
    <ul>
        <li><a href="#">上一页</a></li>
        <li><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
        <li><a href="#">4</a></li>
        <li><a href="#">下一页</a></li>
    </ul>
</div>

<div class="modal small hide fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="myModalLabel">删除确认</h3>
    </div>
    <div class="modal-body">
        <p class="error-text"><i class="icon-warning-sign modal-icon"></i>你确定要删除此服务吗?</p>
    </div>
    <div class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true">取消</button>
        <button class="btn btn-danger" data-dismiss="modal">删除</button>
    </div>
</div>


                    
                    <footer>
                        <hr>
                        
                        <p class="pull-right">Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">百度统计</a></p>


                        <p> Copyright © 2014 www.zhongzhu71.com 版权所有 <a href="#" target="_blank"> 粤ICP备15046934号</a></p>
                    </footer>
                    
            </div>
        </div>
    </div>
    


    <script src="lib/bootstrap/js/bootstrap.js"></script>
    <script type="text/javascript">
        $("[rel=tooltip]").tooltip();
        $(function() {
            $('.demo-cancel-click').click(function(){return false;});
        });
    </script>
    
  </body>
</html>


